@import './../layout/color_variables';

.courses-nav{
    width: 1200px;
    margin: 20px auto 0;
    box-shadow: $boxShadow;
    padding: 0 40px;
    box-sizing: border-box;
    background: $white;
    border-radius: 3px;
    .el-menu{
        .el-menu-item{
            padding: 0;
            // margin: 0 18px;
            margin-right: 50px;
            color: $title-gray;
            &.is-active{
                color: $blue;
                border-bottom: 2px solid $blue;
            }
        }
    }
}
.courses-erji-nav{
    .el-menu {
        height: 60px;
        box-sizing: border-box;
        .el-menu-item {
            padding: 0;
            margin-right: 48px;
            color: $title-gray;
            &:hover{
                background: transparent;
            }
            &.is-active {
                color: $blue;
                border-bottom: 2px solid $blue;
            }
        }
    }
}
